// 引入第三方模块的时候，直接写模块名称即可
import $ from "jquery";

// 隔行换色功能
$("#_ul li").odd().css("color", "green"); // 奇数行
$("#_ul li").even().css("color", "red");  // 偶数行

/**
 * 总结：
 * 第三方插件是如何应用到项目中？
 * 直接将第三方插件的代码一起打包进mian.js中的，从而使得我们写的jq代码有效
 *
 * */

// 引入css样式，es6模块化，引入样式的方法
import "./css/index.css"
// 引入less样式
import "./less/index.less"
// 引入图片，创建一个img标签，插入到body中
import _src from "./assets/三剑客.png";
let _img = document.createElement("img");
_img.src = _src;
document.body.appendChild(_img);

// 字体图片的使用
import "./assets/fonts/iconfont.css";
let _i = document.createElement("i");
_i.className = "iconfont icon-weixin";
document.body.appendChild(_i);

// js语法降级处理测试，比如箭头函数能不能转成普通函数
console.log(() => {
    return 123;
});

/**
 * 
 * webpack默认情况下只能处理js的
 * 其他html需用插件处理
 * css需用用loader（加载器）来处理
 * 
 * */
